@charset "utf-8";
@import url("resect.css");
/*resect  CSS*/
body {
	color: #FFF;
	text-decoration: none;
	font-family:Verdana, "新細明體", Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 0.83em;
	background-image: url(../images/bg_1680.jpg);
	background-color: #251122;
	background-repeat: no-repeat;
	}
h1 {}
h2 {}
p {}
a {
	color: #FFD203;
}
a:hover {
	color: #DA9924;
}
#wrapper_bg {
	background-image: url(../images/bg_1680.jpg);
	background-repeat: no-repeat;

	min-height:924px;
	min-width:1350px;
	max-width:1680px;
	background-position: center;
}
#wrapper_bg .w_left {
	background-image: url(../images/w_left.png);
	background-repeat: no-repeat;
	min-width:1350px;
	max-width:1680px;
	background-position: left;

	min-height:924px;
}
#wrapper_bg .w_left .w_right {
	background-image: url(../images/w_right.png);
	background-repeat: no-repeat;
	min-width:1350px;
	max-width:1680px;
	background-position: right;

	min-height:924px;
}

#wrapper {
	width: 1000px;
	min-width:925px;
	margin-right: auto;
	margin-left: auto;
}
#main {}
#header {
	height: 272px;
}
.header_box {
	position: relative;
	height: 100%;
	width: 100%;
}
.logo {
	height: 190px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.menu_1 {
	height: 75px;
	width: 290px;
	position: absolute;
	left: 195px;
	top: 190px;
	background-repeat: no-repeat;
	background-image: url(../images/menu_bg.png);
}
.menu_1 a {
	background-image: url(../images/m_1.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 75px;
	width: 290px;
}
.menu_1 a:hover {
	background-image: url(../images/m_1.png);
	background-position: bottom;
}

.menu_2 {
	height: 75px;
	width: 290px;
	position: absolute;
	top: 190px;
	background-repeat: no-repeat;
	background-image: url(../images/menu_bg.png);
	right: 195px;
}
.menu_2 a {
	background-image: url(../images/m_2.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 75px;
	width: 290px;
}
.menu_2 a:hover {
	background-image: url(../images/m_2.png);
	background-position: bottom;
}


#content {
	height: 520px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#content .btn_left {
	height: 80px;
	width: 66px;
	position: absolute;
	left: -66px;
	top: 221px;
}
#content .btn_left a {
	background-image: url(../images/btn_l.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 80px;
	width: 66px;
}
#content .btn_left a:hover {
	background-image: url(../images/btn_l.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content .btn_right {
	height: 80px;
	width: 66px;
	position: absolute;
	top: 221px;
	right: -66px;
}
#content .btn_right a {
	background-image: url(../images/btn_r.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 80px;
	width: 66px;
}
#content .btn_right a:hover {
	background-image: url(../images/btn_r.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*20精選內容CSS*/
#content .photo_a {
	position: absolute;
	height: 260px;
	width: 290px;
	left: 290px;
	top: 130px;
	overflow: hidden;
}
#content .photo_a img {
	height: auto;
	width: 290px;
}
#content .first_photo_a {
	position: absolute;
	height: 260px;
	width: 290px;
	left: 290px;
	top: 130px;
	overflow: hidden;
}


#content .cover_a {
	position: absolute;
	height: 260px;
	width: 290px;
	left: 290px;
	top: 130px;
	background-image: url(../images/a_index.png);
	background-repeat: no-repeat;
}
#content .light_a_1 {
	position: absolute;
	height: 260px;
	width: 290px;
	left: 290px;
	top: 130px;
	background-image: url(../images/a_light.png);
	background-repeat: no-repeat;
}
#content .light_a_2 {
	position: absolute;
	height: 260px;
	width: 290px;
	left: 290px;
	top: 130px;
	background-image: url(../images/a_light.png);
	background-repeat: no-repeat;
	z-index: 9;
}


.cover_a .blog_name {
	height: 35px;
	width: 260px;
	left: 15px;
	top: 46px;
	position: absolute;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 35px;
	color: #ffd100;
}
.cover_a .blog_name img {
	vertical-align: bottom;
}

.cover_a .texe_1 {
	position: absolute;
	height: 79px;
	width: 260px;
	left: 18px;
	top: 100px;
	line-height: 16px;
	font-family: "微軟正黑體";
}
.cover_a .tex_2 {
	position: absolute;
	height: 50px;
	width: 260px;
	left: 17px;
	top: 200px;
	line-height: 16px;
	font-family: "微軟正黑體";
}

.cover_a .class_photo {
	height: 28px;
	width: 170px;
	position: absolute;
	left: 16px;
	top: 11px;
}
/*16作家內容CSS*/
#content .photo_b {
	position: absolute;
	height: 260px;
	width: 580px;
	left: 145px;
	top: 130px;
	overflow: hidden;
}
#content .photo_b img {
	height: auto;
	width: 580px;
}
#content .first_photo_b {
	position: absolute;
	height: 260px;
	width: 580px;
	left: 145px;
	top: 130px;
	overflow: hidden;
}
#content .cover_b {
	position: absolute;
	height: 260px;
	width: 580px;
	left: 145px;
	top: 130px;
	background-image: url(../images/b_index.png);
	background-repeat: no-repeat;
}
#content .light_b_1 {
	position: absolute;
	height: 260px;
	width: 580px;
	left: 145px;
	top: 130px;
	background-image: url(../images/b_light.png);
	background-repeat: no-repeat;
}
#content .light_b_2 {
	position: absolute;
	height: 260px;
	width: 580px;
	left: 145px;
	top: 130px;
	background-image: url(../images/b_light.png);
	background-repeat: no-repeat;
	z-index: 9;
}
.cover_b .class_photo {
	height: 28px;
	width: 170px;
	position: absolute;
	left: 16px;
	top: 11px;
}
.cover_b .blog_name {
	height: 35px;
	width: 521px;
	left: 15px;
	top: 46px;
	position: absolute;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 35px;
	color: #ffd100;
}
.cover_b .blog_name img {
	vertical-align: bottom;
}

.cover_b .texe_1 {
	position: absolute;
	height: 52px;
	width: 550px;
	left: 18px;
	top: 100px;
	line-height: 16px;
	font-family: "微軟正黑體";
}
.cover_b .tex_2 {
	position: absolute;
	height: 75px;
	width: 550px;
	left: 17px;
	top: 175px;
	line-height: 16px;
	font-family: "微軟正黑體";
}
.cover_b .tex_2 img {
	height: 72px;
	width: auto;
	margin-right: 5px;
}


.cover_b .class_photo {
	height: 28px;
	width: 170px;
	position: absolute;
	left: 16px;
	top: 11px;
}
.like {
	height: 35px;
	width: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.like a {
	height: 35px;
	width: 28px;
	overflow: hidden;
	background-image: url(../images/icon_like.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}
.like a:hover {
	background-repeat: no-repeat;
	background-position: right;
}








#content .mouse_1 {
	float: left;
	height: 130px;
	width: 145px;
	display: block;
}
#content .mouse_1 img {
filter:alpha(opacity=30); /*透明度50%*/
-moz-opacity:0.3;
opacity:0.3;
}
#content .mouse_2 {
	float: left;
	height: 130px;
	width: 145px;
	display: block;
}
#content .mouse_2 img {
filter:alpha(opacity=100); /*透明度100%*/
-moz-opacity:1; 
opacity:1;
}
#content .mouse_3 {
	float: left;
	height: 130px;
	width: 145px;
	display: block;
	position: relative;
	z-index: 10;
}
#content .mouse_3 img {/*放大*/
	position: absolute;
	height: 150px;
	width: 165px;
	top: -10px;
	left: -10px;	
}